<template>
  <div>
    <button @click="handleBtn">BTN</button>
    <button @click="ccc">CCCs</button>
    <div>{{ propName }}</div>
  </div>
</template>

<script>
export default {
  props: {
    propName: {
      type: Number,
      default: 1
    }
  },
  methods: {
    handleBtn() {
      this.$emit('handleBtn', 3131)
    },

    bbb() {
      console.log(1312)
    },

    ccc() {
      this.$bus.$emit('bus', 32190312093)
    }
  }
}
</script>

<style lang="scss" scoped></style>
